import 'package:valovault_reminder/common/config/val_assets_name.dart';
import 'package:flutter/material.dart';

class ValReminderCoinShopAmountCell extends StatefulWidget {
  final String accountNumber;
  final VoidCallback? onTapCell;

  const ValReminderCoinShopAmountCell({super.key, this.accountNumber = '0', this.onTapCell});

  @override
  State<ValReminderCoinShopAmountCell> createState() => _ValReminderCoinShopAmountCellState();
}

class _ValReminderCoinShopAmountCellState extends State<ValReminderCoinShopAmountCell> {

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: widget.onTapCell,
      child: SizedBox(
        height: 240,
        child: Container(
          height: 95,
          margin: const EdgeInsets.only(top: 116, left: 24, bottom: 25 , right: 24),
          padding: const EdgeInsets.only(right: 50),
          alignment: Alignment.centerRight,
          decoration: const BoxDecoration(
            // color: Colors.cyanAccent,
            // borderRadius: BorderRadius.only(bottomLeft: Radius.circular(30), bottomRight: Radius.circular(30)),
            image: DecorationImage(
                image: AssetImage('${ValAssetsName.ASSETS_Message}val_coin_card_amount_ground.png'),
                fit: BoxFit.fitWidth),
          ),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              const SizedBox(
                height: 18,
                child: Text("My Coins",
                  style: TextStyle(color: Colors.white, fontSize: 12, fontWeight: FontWeight.normal),),
              ),
              SizedBox(
                height: 42,
                child: Text(widget.accountNumber,
                  style: const TextStyle(color: Colors.white, fontSize: 37, fontWeight: FontWeight.bold),),
              ),
            ],
          ),
        ),
      ),
    );
  }
}
